<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站</title>
</head>
<body>
    <h1>赵六</h1>
    <h2>联系方式</h2>
    <p>手机：123-0000-0000</p>
    <p>邮箱：zhaoliu@example.com</p>
    <h2>个人优势</h2>
    <li>快速学习</li>
    <li>团队协作</li>
    <li>代码规范</li>
    <h2>职业步骤</h2>
    <li>1.掌握HTML</li>
    <li>2.掌握CSS</li>
    <li>3.掌握JS</li>
    <h2>个人词条</h2>
    <h2>技能树</h2>
    <h2>教育经历</h2>
    <table border="1">
    <tr>
        <td>时间</td>
        <td>学校</td>
        <td>专业</td>
    </tr>
    <tr>
        <td>2020-2023</td>
        <td>清华大学</td>
       <td>软件工程</td>
    </tr>
     <tr>
        <td>2016-2020</td>
        <td>北京大学</td>
         <td>计算机</td>
    </tr>
</table>
<h2>在线编辑</h2>
<form>
  姓名：<input type="text" placeholder="your name"><br>
  年龄：<input  type="number" min="0"><br>
  邮箱：<input type="email"><br>
  电话：<input type="tel"><br>
主页：<input type="url"><br>
密码：<input type="password"><br>
  
  日期：<input type="text" placeholder="年/月/日"><br>
  周：<input type="week"><br>
  文件：<input type="file"><br>
  颜色：<input type="color"><br>
  范围 0-100：<input type="range" min="0" max="100"><br>
</form>
<h2>选择</h2>
<form action="/submit" method="post">
  <!-- 性别：单选 -->
  <p>性别：
    <label><input type="radio" name="gender" value="男">男</label>
    <label><input type="radio" name="gender" value="女">女</label>
  </p>

  <!-- 技能：多选 -->
  <p>技能：
    <label><input type="checkbox" name="skill" value="HTML">HTML</label>
    <label><input type="checkbox" name="skill" value="CSS">CSS</label>
    <label><input type="checkbox" name="skill" value="JS">JS</label>
  </p>

  <!-- 城市：下拉 -->
  <p>单选城市：
    <select name="city">
      <option value="" disabled selected>请选择</option>
      <option>北京</option>
      <option>上海</option>
      <option>广州</option>
    </select>
  </p>
<p>多选城市：
    <select name="city">
      <option value="" disabled selected>请选择</option>
      <option>北京</option>
      <option>上海</option>
      <option>广州</option>
    </select>
  </p>
  
  <p>自我介绍：<br>
    <textarea name="intro" rows="4" cols="40" placeholder="说点什么..."></textarea>
  </p>

  <!-- 隐藏域 -->
  <input type="hidden" name="hiddenField" value="12345">
<h2>操作</h2>
  <!-- 按钮 -->
  <button type="submit">提交</button>
  <button type="reset">重置</button>
  <button type="button">普通按钮</button>
 <p>禁用：
    <input type="text" value="灰色不可改" disabled>
  </p>

  <p>只读：
    <input type="text" value="只能看不能改" readonly>
  </p>

  <!-- 隐藏域：看不见但会提交 -->
  <input type="hidden" name="hid" value="123">
</form>
<h2>自动补全</h2>
<p>语言（自动补全）：
    <input type="text" name="lang" list="langs" placeholder="请输入">
    <datalist id="langs">
      <option value="CH">
      <option value="EN">
      <option value="JP">
    </datalist>
  </p>
<h2>进度/度量</h2>
    <label>加载：<meter min="0" max="100" value="70">70%</meter></label><br>
    <label>分数：<progress max="100" value="30">30%</progress></label>
  </p>

<form action="/submit">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="提交">
</form>
<p>点击链接：<a href="https://www.example.com">Example</a></p>
<audio controls>
    <source src="audio.mp4" type="audio/mp4">
    您的浏览器不支持音频标签。
</audio>
<video controls>
    <source src="audio.mp4" type="audio/mp4">
    您的浏览器不支持视频标签。
</video>
</ol>
</ul>
</body>
</html>